/*
 * @Descripttion: 
 * @version: 
 * @Author: ChenXiang
 * @Date: 2021-09-08 16:20:58
 * @LastEditors: ChenXiang
 * @LastEditTime: 2021-09-10 14:06:42
 */
import React, { useState, useEffect } from "react";
import Checkbox from "@/components/Checkbox";

export default function App() {
  const [value, setValue] = useState('');

  return (
    <div className="App">
      <Checkbox value="c1" onChange={(e) => { console.log(e); }} icon='sure' checked>
        Checkbox
      </Checkbox>
      <Checkbox value="c2" onChange={(e) => { console.log(e); }} icon='cancel' />
      <Checkbox value="c3" onChange={(e) => { console.log(e); }} icon='cancel' />
      <Checkbox value="c4" onChange={(e) => { console.log(e); }} circle icon='cancel' />

      <div>
        <div>
          11111111 <Checkbox value="d1" onChange={(e) => { console.log(e); }} checked name="radio1" type="radio" icon='cancel' />
        </div>
        <div>
          22222222 <Checkbox value="d2" onChange={(e) => { console.log(e); }} checked name="radio1" type="radio" icon='cancel' />
        </div>
        <div>
          33333333 <Checkbox value="d3" onChange={(e) => { console.log(e); }} checked name="radio1" type="radio" icon='cancel' />
        </div>


      </div>
    </div>
  );
}